<template>
<!--  这里写组件的html相关,template内有且只能有1个根标签 -->
  <div>
    <h1 @click="hello">{{message}}</h1>
  </div>
</template>

<script>
export default {
  name: "First",
  data(){// data 数据属性
    return {
      message:"来看看啊"
    }
  },
  methods:{
    hello(){
       this.message="看看就看看";
    }
  }
}
</script>

<style scoped>
  /* css */
</style>
